<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <!-- 可以在相应的页面的<head>里加上这句代码，意思是自动将http的不安全请求升级为https -->
  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
  <title>waterfall-sinanews</title>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <div class="waterfall-container">
    <ul>
      <!-- <li>
          <div class="wt-cell">
            <a href=""><img src="http://n.sinaimg.cn/top/transform/w600h400/20180109/94ON-fyqnici7286409.jpg" alt=""></a>
            <h3>毒针攻击使蜘蛛无法动弹</h3>
            <p>孵化出来的胡蜂幼虫就会以巨蟹蛛为食，逐渐成长。这种现象其实并不罕见，但如此结局依然让人不寒而栗。</p>
          </div>
      </li>
      <li>
          <div class="wt-cell">
            <a href=""><img src="http://n.sinaimg.cn/top/transform/w600h400/20180109/94ON-fyqnici7286409.jpg" alt=""></a>
            <h3>毒针攻击使蜘蛛无法动弹</h3>
            <p>孵化出来的胡蜂幼虫就会以巨蟹蛛为食，逐渐成长。这种现象其实并不罕见，但如此结局依然让人不寒而栗。</p>
          </div>
      </li>
      <li>
          <div class="wt-cell">
            <a href=""><img src="http://n.sinaimg.cn/top/transform/w600h400/20180109/94ON-fyqnici7286409.jpg" alt=""></a>
            <h3>毒针攻击使蜘蛛无法动弹</h3>
            <p>孵化出来的胡蜂幼虫就会以巨蟹蛛为食，逐渐成长。这种现象其实并不罕见，但如此结局依然让人不寒而栗。</p>
          </div>
      </li> -->
    </ul>
  </div>
  <script src="js/jquery-2.1.1.min.js"></script>
  <script src="js/waterfall.js"></script>
</body>
</html>